<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>文本样式</title>
        <style type="text/css">
            div,
            i ,
            b{
                border: 1px solid blue;
                color: blue;
                /*
                font-style: normal;
                font-weight: normal;
                font-variant: small-caps;
                font-size: 50px;
                line-height: 100px;
                font-family: 宋体;
                */
                font: normal normal small-caps 50px/100px 宋体;
                text-shadow: 0 0 5px red;
                text-decoration: overline underline;
                text-align: center;
            }
        </style>
    </head>
    <body>
        <div>
            Akaifamiao
            <br>
            A<i>kaifamiao</i>
            <br>
            A<b>kaifamiao</b>
        </div>
    </body>
</html>